<nav class="navbar navbar-default navbar-static-top navbar-top">
  <div class="navbar-brand">后台管理系统</div>
  <ul class="nav navbar-nav navbar-right navbar-top-nav">
    <li class="dropdown">
      <a href="#" class="dropdown-toggle badge-pending" data-toggle="dropdown" role="button" aria-haspopup="true" aira-expanded="false">
        <i class="fa fa-envelope"></i>
        <span class="label label-warning">16</span>
      </a>
      <ul class="dropdown-menu">
        <li><a href="#">Action</a></li>
        <li><a href="#">Another action</a></li>
        <li><a href="#">Something else here</a></li>
        <li role="separator" class="divider"></li>
        <li><a href="#">Separated link</a></li>
      </ul>
    </li>
    <li class="dropdown">
      <a href="#" class="dropdown badge-pending" data-toggle="dropdown" role="button" aira-haspopip="true" aira-expanded="false">
        <i class="fa fa-bell"></i>
        <span class="label label-success">8</span>
      </a>
      <ul class="dropdown-menu">
        <li>
          <a href="#">
            <i class="fa fa-envelope"></i>你有16条未读消息
          </a>
        </li>
        <li class="divider"></li>
        <li>
          <a href="#">
            <i class="fa fa-envelope"></i>你有16条未读消息
          </a>
        </li>
        <li class="divider"></li>
        <li>
          <a href="#">
            <i class="fa fa-envelope"></i>你有16条未读消息
          </a>
        </li>
      </ul>
    </li>
    <li>
      <a href="#">
        <i class="fa fa-sign-out"></i>退出
      </a>
    </li>
  </ul>
</nav>
<div class="submenu-header">
  <ul class="nav nav-pills submenu">
    <li class="active"><a href="#">Submenu 1</a></li>
    <li><a href="#">Submenu 2</a></li>
    <li><a href="#">Submenu 3</a></li>
    <li><a href="#">Submenu 4</a></li>
  </ul>
</div>
